<html>
<head>
<link rel="stylesheet" href="os3calendar.css" type="text/css" />

<script src="../../os3jslib/liwe.js" type="text/javascript"></script>
<script src="../../os3jslib/object_enh.js" type="text/javascript"></script>
<script src="../../os3jslib/string_enh.js" type="text/javascript"></script>
<script src="../../os3jslib/utils.js" type="text/javascript"></script>
<script src="../../os3jslib/form.js" type="text/javascript"></script>
<script src="../../os3jslib/validators.js" type="text/javascript"></script>
<script src="../../os3jslib/ajax_manager.js" type="text/javascript"></script>
<script src="../../os3jslib/dom.js" type="text/javascript"></script>

<script src="../wwl.js" type="text/javascript"></script>
<script src="calendar.class.js" type="text/javascript"></script>
<script src="calendar.js" type="text/javascript"></script>
<script src="form.calendar.js" type="text/javascript"></script>

<script type="text/javascript">
function init ()
{
	var f = new liwe.form.instance ( "test" );
	var cal;
	
	cal = f.calendar ( { name: "cal", label: "Calendario", "time" : true, "value" : "2009-01-01 10:35", show_navi_years: true } );
	f.calendar ( { name: "cal2", label: "Empty Cal", "time" : true } );

	f.set ( "block_main" );

	cal.set_event ( 'date_shown', function ( y, m, d, cal ) { console.debug ( "DATE SHOWN: Year: %s - Month: %s - day: %s", y, m, d ); } );
}
function get ()
{
	var f = liwe.form.get ( "test" );

	console.debug ( "Values: %o", f.get_values () );
}
</script>
</head>
<body onload="init()">


<div id="block_main"></div>

<a href="javascript:get()">Get</a>


</body>
</html>
